<template>
  <div>
    <input type="text" v-model="color">
    <el-color-picker v-model="color"></el-color-picker>
  </div>
</template>

<script>
  export default {
    model: {
      prop: 'color',
      event: 'change'
    },
    computed: {
      color: {
        set: function(newColor) {
          this.$emit('change', newColor)
        },
        get: function() {
          return this.color
        }
      }
    }
  }
</script>
